<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name='viewport'
	content='width=device-width, initial-scale=1.0, user-scalable=no'>
<title>상세페이지</title>
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel='shortcut icon' href='resources/img/favicon.png' />
<!--[if IE 8]><link rel='stylesheet' type='text/css' href='resources/css/ie8.css' /><![endif]-->
<!-- Theme Hook -->
<link rel='stylesheet' id='style-css' href='resources/css/style.css' type='text/css' media='all' />
<link rel='stylesheet' id='demo_panel-css' href='resources/css/side_panel.css' type='text/css' media='all' />
<!--사이드바를 위해 추가-->
<link rel='stylesheet' id='miniColors-css' href='resources/css/jquery.miniColors.css' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-style-css' href='resources/css/responsive.css' type='text/css' media='all' />
<link rel='stylesheet' id='light_skin-css' href='resources/css/light_skin.css' type='text/css' media='all' />
<link rel='stylesheet' id='skin13-css' href='resources/css/darkallstar.css' type='text/css' media='all' />
<link rel='stylesheet' id='options-css' href='resources/css/options.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='resources/css/bootstrap.css' type='text/css' media='all' />
<link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Averia+Libre:400,700' type='text/css' media='all' />
<link rel="stylesheet" type="text/css" href="resources/css/anytime.css" />
<!--[if lt IE 9]><script src='js/html5shiv.js'></script><![endif]-->
<script type='text/javascript' src='resources/js/jquery.js'></script>
<script type='text/javascript' src='resources/js/demo_panel.js'></script>
<!--사이드바를 위해 추가-->
<script type='text/javascript' src='resources/js/jquery.minicolors.js'></script>
<script type='text/javascript' src='resources/js/bootstrap.js'></script>

<!--timepicker추가-->
<script src="resources/js/jquery-ui-1.10.3.custom.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="resources/js/anytime.js"></script>
<script src="resources/js/anytimez.js"></script>

<!--google map 시작-->
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAuFFlRd_b_Aujt63K14jw7YJv8UJFGcsM&sensor=true"></script>
<script>
	function initialize() {
		
		/* latlng 호출 */
		//function latlngValue() {
			//alert($('#latlngValue input:'));
			//alert($('#latlngValue>input:nth-child(1)').val());
			//alert($('#latlngValue>input').size());
			//alert($('#latlngValue:nth-child(even)').size());
			//alert($('#latlngValue:nth-child(odd)').size());
			//alert('짝수개수 : '+arrLatitude.length+', 홀수개수 : '+arrLongitude);
			//var arrLatitude = new Array;
			//var arrLongitude = new Array;
			//for ( var i = 1; $('#latlngValue>input').size() >= i; i++) {
			//	if (i % 2 != 0) {
			//		arrLatitude.push($('#latlngValue>input:nth-child(' + i + ')')
			//				.val());
			//	} else {
			//		arrLongitude.push($('#latlngValue>input:nth-child(' + i + ')')
			//				.val());
			//	}
			//}	
			//alert(arrLatitude[1]);
		//}
		/* 호출 끝 */		
		
		/*
		// Try HTML5 geolocation
		if (navigator.geolocation) {
			navigator.geolocation.watchPosition(function(position) {
				var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

				infowindow = new google.maps.InfoWindow({
					map : map,
					position : pos,
					content : '현재 위치'
				});

				map.setCenter(pos);
			}, function() {
				handleNoGeolocation(true);
			});
		} else {
			// Browser doesn't support Geolocation
			handleNoGeolocation(false);
		}
		*/
		
		/* 2013.07.12 추가 위도 경도의 배열로 구굴맵 좌표값 생성 후 points 배열에 저장 */
		var arrLatitude = new Array;
		var arrLongitude = new Array;

		for ( var i = 1; $('#latlngValue>input').size() >= i; i++) {
			if (i % 2 != 0) {
				arrLatitude.push($('#latlngValue>input:nth-child(' + i + ')').val());
			} else {
				arrLongitude.push($('#latlngValue>input:nth-child(' + i + ')').val());
			}
		}
		
		var points = new Array;
		var addr = new Array;
		
		for ( var i = 0; arrLatitude.length > i; i++) {
			var temp = new google.maps.LatLng(arrLatitude[i], arrLongitude[i]);
			
		    points.push(temp);
		}
		
		//위치 정보가 존재하지 않을 시 지도 위치 현재 장소로 초기화
		if (points[0] == null) {
			navigator.geolocation.watchPosition(function(position) {
				var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
				map.setCenter(pos);
			}, function() {
				handleNoGeolocation(true);
			});
		}

		var mapOptions = {
			center: points[0],
			zoom : 17,       
            zoomControl : true,
            streetViewControl : true,
            disableDoubleClickZoom : true,
            draggable : true,
            scrollwheel : false,
            mapTypeControl : true,
            scaleControl : false,
            rotateControl : true,
            panControl : true,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};
		
		map = new google.maps.Map(document.getElementById('mapCanvas'), mapOptions);
		geocoder = new google.maps.Geocoder();

		markers = [];
		var path = [];

		for ( var i = 0; points.length > i; ++i) {
			marker = new google.maps.Marker({
				position : points[i],
				map : map,
				title : '#' + (i + 1),
				icon : "http://maps.google.com/mapfiles/marker" + String.fromCharCode((i + 1) + 64) + ".png"
			});
			markers.push(marker);
			path.push(marker.position);
		}

		var lineSymbol = {
			path : google.maps.SymbolPath.FORWARD_OPEN_ARROW
		};

		var polyline = new google.maps.Polyline({
			path : path,
			icons : [ {
				icon : lineSymbol,
				offset : '100%',
				repeat : '60%'
			} ],
			strokeColor : '#808080',
			strokeOpacity : 3.0,
			strokeWeight : 2
		});
		polyline.setMap(map);

	}

	/* function codeLatLng() {
		var input = document.getElementById('latlng').value;
		var latlngStr = input.split(',', 2);
		var lat = parseFloat(latlngStr[0]);
		var lng = parseFloat(latlngStr[1]);
		var latlng = new google.maps.LatLng(lat, lng);
		geocoder.geocode({
			'latLng' : latlng
		}, function(results, status) {
			if (status == google.maps.GeocoderStatus.OK) {
				if (results[1]) {
					map.setZoom(11);
					marker = new google.maps.Marker({
						position : latlng,
						map : map
					});
					infowindow.setContent(results[1].formatted_address);
					infowindow.open(map, marker);
				} else {
					alert('no results found');
				}

			} else {
				alert('Geocoder failed due to: ' + status);
			}
		});
	} */

	/* function handleNoGeolocation(errorFlag) {
		if (errorFlag) {
			var content = 'Error: The Geolocation service failed.';
		} else {
			var content = 'Error: Your browser doesn\'t support geolocation.';
		}

		var options = {
			map : map,
			position : new google.maps.LatLng(60, 105),
			content : content
		};

		infowindow = new google.maps.InfoWindow(options);
		map.setCenter(options.position);
	} */

	google.maps.event.addDomListener(window, 'load', initialize);

	function sendTime() {

		var mF = document.getElementById("mapForm");
		/* 		
		 var timeArr = new Array();
		 var a = "";
		 var len = time.length;
		 */
		//1단계 인수로 필요한 값이 무엇인지 확인
		//2단계 서브 스팅으로 날짜와 시간 나눈다(2번)
		//var stime = mF.startTime.value;
		//timeArr = stime.split("-");
		//alert(mF.rangeDemoStart.value);
		//alert($('#rangeDemoStart').val());

		/* 		
		 mF.hddnHour.value = timeArr;
		 for(var i = 0; len > i; i ++){
		 a.append(timeArr[i]);
		 a.append("-");
		 }
		 */
		mF.method = "post";
		mF.action = "location_ipath_time";
		mF.submit();
	}
	
	function locToaddr(latitude, longitude) {
		
		var geocoder = new google.maps.Geocoder();
        
		lat_lng = new google.maps.LatLng(latitude, longitude);
		geocoder.geocode({
			'latLng' : lat_lng
		}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			return addr = results[1].formatted_address;			
			} else {
				alert('Geocoder failed due to: ' + status);
			}
		  });	
	}
</script>

</head>
<body class="home blog">
	<!--<div id="top"></div>-->
	<!-- Demo Panel -->
	<div id="options_panel" class="">
		<div class="options">
			<table>
				<tr class="demo_title">
					<td><h4>아이 이동 경로 확인</h4></td>
				</tr>
				<tr>
					<td><h5>현재위치 확인</h5></td>
				</tr>
				<tr>
					<td>
						<form class="form-inline" id="mapForm" name="mapForm" method="post">
							<fieldset>
								<table>
									<tr>
										<td class="control-group form-horizontal"><label class="control-label custom-label">자녀선택</label>
										</td>
									</tr>
									<tr>
										<td>
											<div style="width: 100%">
												<select id="selectbasic" name="cust_i_hp_no" class="input-large" required>
													<c:forEach items="${kids}" var="kid">
														<option value="${kid.cust_i_hp_no}">${kid.cust_i_name}</option>
													</c:forEach>
												</select>
											</div>
										</td>
									</tr>
									<tr class="demo_title">
										<td>&nbsp;</td>
									</tr>
									<tr>
										<td><h5>시간대별 이동경로 확인</h5></td>
									</tr>
									<tr class="">
										<td>시작시간 : <input type="text" id="rangeDemoStart"
											name="startTime" class="input-large" />
										</td>
									</tr>
									<div class="dialog" title="jquery ui dialog">
										<script>
											var oneDay = 24 * 60 * 60 * 1000;
											var rangeDemoFormat = "%Y-%m-%e %H:%i";
											var rangeDemoConv = new AnyTime.Converter(
													{
														format : rangeDemoFormat
													});

											$("#rangeDemoToday")
													.click(
															function(e) {
																$(
																		"#rangeDemoStart")
																		.val(
																				rangeDemoConv
																						.format(new Date()))
																		.change();
															});
											$("#rangeDemoClear").click(
													function(e) {
														$("#rangeDemoStart")
																.val("")
																.change();
													});
											$("#rangeDemoStart")
													.AnyTime_picker(
															{
																format : rangeDemoFormat
															});
											$("#rangeDemoFinish")
													.AnyTime_noPicker(
															{
																format : rangeDemoFormat
															});
											$("#rangeDemoStart")
													.change(
															function(e) {
																try {
																	var fromDay = rangeDemoConv
																			.parse(
																					$(
																							"#rangeDemoStart")
																							.val())
																			.getTime();
																	var dayLater = new Date(
																			fromDay
																					+ oneDay);
																	dayLater
																			.setHours(
																					0,
																					0,
																					0,
																					0);
																	var ninetyDaysLater = new Date(
																			fromDay
																					+ (90 * oneDay));
																	ninetyDaysLater
																			.setHours(
																					23,
																					59,
																					59,
																					999);
																	$(
																			"#rangeDemoFinish")
																			.AnyTime_noPicker()
																			.removeAttr(
																					"disabled")
																			.val(
																					rangeDemoConv
																							.format(dayLater))
																			.AnyTime_picker(
																					{
																						format : rangeDemoFormat,
																						earliest : dayLater,
																						format : rangeDemoFormat,
																						latest : ninetyDaysLater
																					});
																} catch (e) {
																	$(
																			"#rangeDemoFinish")
																			.val(
																					"")
																			.attr(
																					"disabled",
																					"disabled");
																}
															});
										</script>
									</div>
									<tr class="left">
										<td><input type="button" class="btn custom-btn-up1" id="rangeDemoClear" value="시간설정 초기화" /></td>
										<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
										<td>
											<button type="submit" class="btn btn-success"
												onclick="sendTime()">&nbsp;확 인&nbsp;</button>
										</td>
									</tr>
									<tr class="demo_title">
										<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>	
									</tr>
								</table>
							</fieldset>
						</form>
					</td>
				</tr>
			</table>
		</div>
		<h3>
			<span class="icon-wrench icon-white"></span>
		</h3>
	</div>
	<!-- Demo Panel End -->
	<!-- Header -->
	<article id="header_nav">
		<div class="wrap_top_icon">
			<div class="container">
				<div class="mobile-navigation visible-tablet">
					<a id="tablet_menu" href="#"></a>
					<ul>
						<div class="triangle"></div>
						<li><a class="text" href="index">홈</a></li>
						<li><a class="text" href="#">위키미소개</a></li>
						<li><a class="text" href="location_icur">i-위치확인</a></li>
						<li><a class="text" href="set_area_dzone">i-지킴영역설정</a></li>
						<li><a class="text" href="#">환경설정</a></li>
						<li><a class="text" href="#">조회</a></li>
						<li><a class="text" href="#">통계</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="wrap wrap_header">
			<div class="container">
				<header class="clearfix">
					<a id="top_button" href="#top"></a>
					<!-- Logo -->
					<div id="top_logo">
						<a class="logo" href="#top"> <img
							src="resources/img/wiwi.PNG" alt="Logo" />
						</a>
					</div>
					<!--End Logo -->
					<div class="official">
						<!-- sticky navigation - Official menu -->
						<ul class="localscroll visible-desktop sticky_navigation">
							<li><a class="home" href="index"> <span class="text">홈</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="about" href="#"> <span class="text">위키미소개</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="location" href="location_icur"><span class="text">i-위치확인</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="danger" href="set_area_dzone"><span class="text">i-지킴영역설정</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="set" href="#"><span class="text">환경설정</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="search" href="#"><span class="text">조회</span>
									<div class="bottom_border"></div>
							</a></li>
							<li><a class="stats" href="#"><span class="text">통계</span>
									<div class="bottom_border"></div>
							</a></li>
						</ul>
						<!-- End sticky navigation - Official menu -->
					</div>
					<div class="mobile-navigation visible-phone">
						<a id="phone_menu" href="#"></a>
						<ul>
							<li><a class="text" href="index">홈</a></li>
							<li><a class="text" href="#">위키미소개</a></li>
							<li><a class="text" href="location_icur">i-위치확인</a></li>
							<li><a class="text" href="set_area_dzone">i-지킴영역설정</a></li>
							<li><a class="text" href="#">환경설정</a></li>
							<li><a class="text" href="#">조회</a></li>
							<li><a class="text" href="#">통계</a></li>
						</ul>
					</div>
				</header>
			</div>
		</div>
		<div class="wrap wrap_primary_navigation">
			<div class="container">
				<div class="primary_navigation">
					<ul id="menu-menu" class="visible-desktop">
						<li id="menu-item-90" class="menu-item menu-item-type-custom menu-item-object-custom">
							<a href="location_icur">i-현재위치확인</a>
							<div class="clearfix"></div>
						</li>
						<li id="menu-item-87" class="menu-item menu-item-type-custom menu-item-object-custom">
							<a href="location_ipath">i-이동경로확인</a>
							<div class="clearfix"></div>
						</li>
						<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
							<c:if test="${not empty id}">
								<a href="static/j_spring_security_logout">${id}님&nbsp;&nbsp;로그아웃</a>
								</c:if>
								<c:if test="${empty id}">
								<!-- <a href="login">로그인</a> -->
								<a href="#" onclick='window.open("login","_blank","height=400,width=350, status=yes, toolbar=no, menubar=no, location=no");return false'>로그인</a>
							</c:if>
							<div class="clearfix"></div></li>
						<li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;"><a href="#">회원정보</a>
							<div class="clearfix"></div></li>
						<li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;"><a href="#">커뮤니티</a>
							<div class="clearfix"></div></li>
					</ul>
				</div>
			</div>
			<!-- 서브메뉴를 접기 위해 추가 -->
			<div class="submobile-navigation visible-phone">
				<a id="iphone_menu" href="#"></a>
				<ul>
					<li><a class="text" href="location_icur">i-현재위치확인</a></li>
					<li><a class="text" href="location_ipath">i-이동경로확인</a></li>
					<li><c:if test="${not empty id}">
							<a href="static/j_spring_security_logout">로그아웃</a>
							</c:if>
							<c:if test="${empty id}">
							<!-- <a href="login">로그인</a> -->
							<a href="#" onclick='window.open("login","_self","height=400,width=350, status=yes,toolbar=no,menubar=no,location=no");return false'>로그인</a>
							</c:if>
					</li>
					<li><a class="text" href="#">회원정보</a></li>
					<li><a class="text" href="#">커뮤니티</a></li>
				</ul>
			</div>
			<div class="submobile-navigation visible-tablet">
				<a id="itablet_menu" href="#"></a>
				<ul>
					<li><a class="text" href="location_icur">i-현재위치확인</a></li>
					<li><a class="text" href="location_ipath">i-이동경로확인</a></li>
					<li><c:if test="${not empty id}">
							<a href="static/j_spring_security_logout">로그아웃</a>
							</c:if>
							<c:if test="${empty id}">
							<!-- <a href="login">로그인</a> -->
							<a href="#" onclick='window.open("login","_blank","height=400,width=350, status=yes,toolbar=no,menubar=no,location=no");return false'>로그인</a>
							</c:if>
					</li>
					<li><a class="text" href="#">회원정보</a></li>
					<li><a class="text" href="#">커뮤니티</a></li>
				</ul>
			</div>
			<!-- 서브메뉴를 접기위해 추가 -->
		</div>
	</article>
	<!-- Header End -->

	<!-- map -->
	<article id="wmap" class="map">
		<div class="wrap wrap_space_primary_menu"></div>
		<div class="wrap">
			<div class="container">
				<header class="row visible-desktop">
					<div class="span12 wrap_sub_title">
						<span class="text">자녀를 선택한 후 위치를 조회하세요 - 선택시간이후 1시간 조회 가능</span>
					</div>
				</header>
				<header class="row visible-tablet">
					<div class="span12 wrap_sub_title">
						<span class="text">자녀를 선택한 후 위치를 조회하세요 - 선택시간이후 1시간 조회 가능</span>
					</div>
				</header>
				<header class="row visible-phone">
					<div class="span12 wrap_sub_title">
						<span class="text">자녀를 선택한 후 위치를 조회하세요 - 선택시간이후 1시간 조회 가능</span>
					</div>
				</header>
				<div class="row">
					<div id="mapCanvas" class="span12 wrap_form" style="height: 400px">
					</div>
				</div>
			</div>
		</div>
	</article>
	<!-- home End -->


	<!-- tabel -->
	<article id="wtabel" class="Portfolio">
		<!--<div class="wrap wrap_space_primary_menu">
			</div>공백-->
		<div class="wrap">
			<div class="container">
				<header class="row visible-desktop">
					<div class="span12 wrap_sub_title">
						<span class="text">회원님이 조회하신 자녀의 현재 위치 리스트 입니다.</span>
					</div>
				</header>
				<header class="row visible-tablet">
					<div class="span12 wrap_sub_title">
						<span class="text">회원님이 조회하신 자녀의 현재 위치 리스트 입니다.</span>
					</div>
				</header>
				<header class="row visible-phone">
					<div class="span12 wrap_sub_title">
						<span class="text">회원님이 조회하신 자녀의 현재 위치 리스트 입니다.</span>
					</div>
				</header>
				<div class="row">
					<div class="span12 wrap_form">
						<form class="row" id="tableForm">
							<fieldset id="no-more-tables" class="span12 ">
								<!--<legend>등록항목</legend>-->
								<div class="well table-r-padding">
									<table class="table table-bordered">
										<tr class="t-hcolor">
											<th style="width: 7%">번호</th>
											<th style="width: 15%">아이전화번호</th>
											<th style="width: 40%">주소</th>
											<th style="width: 10%">위도</th>
											<th style="width: 10%">경도</th>
											<th style="width: 14%">시간</th>
										</tr>
											<c:forEach items="${checks}" var="check">
												<tr>
													<td align="center">${check.iloc_no}</td>
													<td align="center">${check.cust_i_hp_no}</td>
													<td align="center" id="addr"></td>
													<td align="center" id="lati">${check.latitude}</td>
													<td align="center" id="lngi">${check.longitude}</td>
													<td align="center" id="reg_date">${check.reg_date}</td>
												</tr>
											</c:forEach>		
									</table>
									<table class="table table-bordered table-color">
										<tr class="row table-center">
											<td class="span3"></td>
											<td class="span6">
												<div class="pagination">
													<%--<c:choose>
														<c:when test="${checkTotal == 0 }">등록된 글이 없습니다.</c:when>
														<c:when test="${checkTotal >= 1 }">
															<c:if test="${endPage > lastPage}">
																<c:set var="endPage" value="${lastPage}" />
															</c:if>
															<c:set var="i" value="${startPage }" />
															<c:forEach begin="${i}" end="${endPage}"
																varStatus="cntObj">
																<c:choose>
																	<c:when test="${i == page}">
																		<font color="#FF5E00" />
							  											[${i}]
							  										</c:when>
																	<c:otherwise>
																		<a href="list?page=${i}">${i} <font
																			color="#000000" />
																		</a>
																	</c:otherwise>
																</c:choose>

																<c:set var="i" value="${i+1}" />
															</c:forEach>
														</c:when>
													</c:choose> --%>
													<!-- <ul>
														<li><a href="#">Prev</a></li>
														<li><a href="#">1</a></li>
														<li><a href="#">2</a></li>
														<li><a href="#">3</a></li>
														<li><a href="#">4</a></li>
														<li><a href="#">Next</a></li>
													</ul> -->
													<tr>
														<td colspan="5" align="center">${link}</td>
													</tr>
												</div>
											</td>
											<!-- <td class="span3" id="table_btn"><input type="button"
												class="btn btn-primary" value="조회" /> <input type="button"
												class="btn btn-danger" value="삭제" /></td> -->
										</tr>
									</table>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</article>
	<!-- table End -->
	<!-- Blog -->
	<article id="blog"></article>
	<!-- End Blog -->

	<!-- location -->
	<article>
		<div class="wrap location_height">
			<div id="location" class="rotated_line rotated_line_location6"></div>
			<div class="contact_map"></div>
			<div class="rotated_line  rotated_line_location5"></div>
		</div>
	</article>
	<!-- End location -->

	<!-- contact -->
	<article id="contact"></article>
	<!-- End contact -->

	<!-- Topbar -->
	<article class="hidden-phone" id="topbar">
		<div class="wrap wrap_topbar">
			<div class="container"></div>
		</div>
	</article>

	<article class="visible-phone topbar_phone">
		<div class="wrap wrap_topbar">
			<div class="container"></div>
		</div>
	</article>
	<!-- End Topbar -->
	<!-- footer -->
	<div class="wrap wrap_space_primary_menu"></div>
	<footer>
		<div class="wrap wrap_footer">
			<div class="container">
				<p class="centerfooter" align="center">&copy; 여기는 footer입니다. by
					wikimi</p>
			</div>
		</div>
	</footer>
	<!-- footer End-->

	<!-- **********   Theme Hook   ********** -->
	<script type='text/javascript' src='resources/js/superfish.js'>
		
	</script>
	<script type='text/javascript' src='resources/js/jquery.parallax-1.1.3.js'></script>
	<script type='text/javascript' src='resources/js/jquery.isotope.min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.flexslider-min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.magnific-popup.min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.cycle.lite.js'></script>
	<script type='text/javascript' src='resources/js/jquery.cycle2.swipe.min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.nicescroll.min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.idTabs.min.js'></script>
	<script type='text/javascript' src='resources/js/jquery.easing.1.3.js'></script>
	<script type='text/javascript' src='resources/js/audio.js'></script>
	<script type='text/javascript' src='resources/js/jquery.prettyPhoto.js'></script>
	<script type='text/javascript' src='resources/js/widgets.js'></script>
	<script type='text/javascript' src='resources/js/jquery.touch-slider.1.0.2.min.js'></script>
	<script type='text/javascript'>
		/* <![CDATA[ */
		var slider_settings = {
			"delay" : "5000",
			"itemInSpeed" : "500",
			"itemOutSpeed" : "1500",
			"bgSpeed" : "700"
		};
		/* ]]> */
	</script>
	<script type='text/javascript'
		src='resources/js/jquery.awesome-slider.1.0.2.min.js'></script>
	<script type='text/javascript'>
		/* <![CDATA[ */
		var theme_uri = {
			"img" : "resources\/img"
		};
		var theme_strings = {
			"contact_submit" : "Send"
		};
		var red_sky_scroll = {
			"scrolling_speed" : "1000",
			"scrolling_easing" : "easeInOutSine",
			"scrolling_hash" : ""
		};
		var red_sky_about_parallax = {
			"about_parallax_speed" : "0.1",
			"about_parallax_position" : "50"
		};
		var red_sky_portfolio_parallax = {
			"portfolio_parallax_speed" : "0.1",
			"portfolio_parallax_position" : "50"
		};
		var red_sky_blog_parallax = {
			"blog_parallax_speed" : "0.1",
			"blog_parallax_position" : "50"
		};
		var paged_data = {
			"startPage" : "1",
			"maxPages" : "1",
			"nextLink" : null,
			"loadingText" : "Loading...",
			"loadMoreText" : "Load More",
			"noMorePostsText" : "No More Posts"
		};
		var portfolio_data = {
			"startPage" : "1",
			"maxPages" : "2",
			"nextLink" : "?paged=2",
			"loadingText" : "Loading...",
			"loadMoreText" : "Load More",
			"noMorePostsText" : "No More Posts"
		};
		/* ]]> */
	</script>
	<script type='text/javascript' src='resources/js/custom.js'></script>

	<!-- 2013.07.12 추가 위도 경도를 히든태그로 저장 -->
	<div id="latlngValue">
		<c:forEach var="check" items="${checks}">
			<input type="hidden" id="latValue" value="${check.latitude}" />
			<input type="hidden" id="lngValue" value="${check.longitude}" />
		</c:forEach>
	</div>
	<!-- 2013.07.12 추가 -->

</body>
</html>